// ------------------------初始化剪裁框
let image = $('#image')
let option = {
  aspectRatio:1,
  preview: '.img-preview'
}
image.cropper(option)


// ---------------------------点击上传能够触发文件域的单击事件
$('button:contains("上传")').on('click',function(){
  $('#file').trigger('click')
})

// --------------------------------更换剪裁区的图片
$('#file').on('change',function(){
  if(this.files.length>0){
    let fileObj = this.files[0]
    let url = URL.createObjectURL(fileObj)
    image.cropper('replace',url)
  }
})

// ------------------点击确定，剪裁图片，提交接口
$('button:contains("确定")').on('click',function(){
  // 步骤：剪裁图片（得到一个cavas的画布）--把cavas转换为base64格式--提交
  let canvas = image.cropper('getCroppedCanvas',{width:30,height:30})
  let base64 = canvas.toDataURL()
  $.ajax({
    type:'POST',
    url:'/my/user/avatar',
    data:{avatar : base64},
    success:function(res){
      if(res.status === 0){
        layer.msg(res.message)
        window.parent.getUserInfo()
      }
    }
  })
})